<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<head>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>花语花坊</title>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/normalize.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/base.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/index.css"/>
        <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/base.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/index.js"></script>
    </head>
</head>

<body id="top">
<div class="shortcut">
    <div class="w">
        <ul class="fl city">
            <li><i class="f10"></i><a>天津</a></li>
        </ul>
        <ul class="fr nav">
            <c:if test="${!empty member.member_name}">
                <li>
                    <a href="${pageContext.request.contextPath}/member/getuserdetail" style="display: inline">你好，${member.member_name}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/member/getloglogin" style="display: inline">退出登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </li>
            </c:if>


            <%--<li>
                <a href="${pageContext.request.contextPath}/member/getlogin" style="display: inline">登录</a></li>
                <li class="space">
                </li>--%>
            <c:if test="${empty member.member_name}">
                <li class="space"></li>
                    <li>
                        <a href="${pageContext.request.contextPath}/getlogin" style="display: inline">你好，请登录</a>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </li>
                    <li>
                        <a href="${pageContext.request.contextPath}/getregister" class="f10"  style="display: inline">免费注册</a>
                    </li>
                    <li class="space"></li>
                    <li>
                        <a href="${pageContext.request.contextPath}/member/getpay"  style="display: inline">我的订单</a>
                    </li>
                <li class="space"></li>
            </c:if>




            <li>
                <a href="#" style="display: inline">客户服务</a>
                <i></i>
                <div class="dropdown-layer">
                    <dl class="d">
                        <dd><a href="#">待处理订单</a></dd>
                        <dd><a href="#">返修退换货</a></dd>
                        <dd><a href="#">降价商品</a></dd>
                    </dl>
                    <dl class="d">
                        <dd><a href="#">消息</a></dd>
                        <dd><a href="#">我的问答</a></dd>
                        <dd><a href="#">我的关注</a></dd>
                    </dl>
                    <dl>
                        <dd><a href="#">我的优惠券</a></dd>
                    </dl>
                </div>
            </li>

            <li class="space"></li>
            <li>
                <div>
                    <a>花语花坊鲜花网：非常棒的鲜花网品牌</a>
                </div>


            </li>

        </ul>
    </div>
</div>
<div class="m">
    <div class="w middle">
        <div class="logo">
            <h1>  <!-- 提高权重 便利于搜索引擎优化 -->
                <a href="${pageContext.request.contextPath}/member/getindex" title="花语花坊">花语花坊</a>
            </h1>
        </div>
        <form class="form" action="${pageContext.request.contextPath}/product/findproductListSelect" method="post">
            <input id="text" name="SelectName" type="text" placeholder="商品搜索">
            <button type="submit"><i></i></button>
        </form>
        <div class="shopCar">
            <i></i><a href="${pageContext.request.contextPath}/product/getshoppingList" class="f10">我的购物车</a><span>${countShopping}</span>
        </div>
        <div class="hotwords">
            <a href="#" class="f10">红玫瑰</a>
            <a href="#">永生花</a>
            <a href="#">生日鲜花</a>
            <a href="#">礼品卡</a>

        </div>
        <div class="navitems">
            <ul>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">鲜花</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">永生花</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">蛋糕</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">礼品</a></li>
                <li class="space "></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">巧克力</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">花语大全</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">企业团购</a></li>
                <li><a href="${pageContext.request.contextPath}/product/getproducandproductimageList">设计师甄选鲜花</a></li>
            </ul>
        </div>

    </div>
</div>

<div class="w grid">
    <div class="grid-col1 fl">
        <ul id="navi">
            <li><a href="#">鲜花用途</a></li>
            <li><a href="#">爱情鲜花</a>/<a href="#">生日鲜花</a></li>
            <li><a href="#">问候长辈</a>/<a href="#">探病慰问</a></li>
            <li><a href="#">祝贺鲜花</a>/<a href="#">道歉鲜花</a></li>
            <li><a href="#">婚庆鲜花</a>/<a href="#">商务鲜花</a></li><hr />
            <li><a href="#">鲜花花材</a></li>
            <li><a href="#">玫瑰</a>/<a href="#">康乃馨</a>/<a href="#">百合</a></li>
            <li><a href="#">扶郎</a>/<a href="#">郁金香</a>/<a href="#">马蹄莲</a></li>
            <li><a href="#">菊花</a>/<a href="#">向日葵</a></li><hr />
            <li><a href="#">永生花</a></li>
            <li><a href="#">永生花瓶</a>/<a href="#">经典花盒</a></li>
            <li><a href="#">特色永生花</a></li><hr/>
            <li><a href="#">蛋糕</a></li>
            <li><a href="#">诺心蛋糕</a>/<a href="#">窝夫小子</a></li><hr />
            <li><a href="#">礼品</a>/<a href="#">公仔</a>/<a href="#">绿植</a></li>
        </ul>
       <%-- <div class="content">
            <div>
                <div class="channel">
                    <a href="#">家电馆  ></a>
                    <a href="#">家电专卖店  ></a>
                </div>
                <div class="cate_detail">
                    <dl>
                        <dt><a href="#">电视  ></a></dt>
                        <div>
                            <dd><a href="#">超薄电视</a></dd>
                            <dd><a href="#">全面屏电视</a></dd>
                        </div>
                    </dl>
                </div>
                <div class="cate_detail">
                    <dl>
                        <dt><a href="#">空调  ></a></dt>
                        <div>
                            <dd><a href="#">空调挂机</a></dd>
                            <dd><a href="#">空调柜机</a></dd>
                        </div>
                    </dl>
                </div>
            </div>
            <div>
                <div class="channel">
                    <a href="#">玩3C  ></a>
                    <a href="#">手机频道  ></a>
                </div>
                <div class="cate_detail">
                    <dl>
                        <dt><a href="#">手机通讯  ></a></dt>
                        <div>
                            <dd><a href="#">手机</a></dd>
                            <dd><a href="#">游戏手机</a></dd>
                        </div>
                    </dl>
                </div>
            </div>
        </div>--%>
    </div>
    <div class="grid-col2 fl">
        <div class="grid-col2-t">
            <ul class="t-img">
                <li><a href="#"><img src="${pageContext.request.contextPath}/static/indeximgs/510.jpg" height="480" width="1000" alt=""></a></li>
                <li><a href="#"><img src="${pageContext.request.contextPath}/static/indeximgs/520.jpg" height="480" width="1000" alt=""></a></li>
            </ul>
            <div>
                <a href="javascript:;" class="arrow-l"><</a>
                <a href="javascript:;" class="arrow-r">></a>
            </div>
            <ol class="circle">
            </ol>
        </div>

    </div>
    <div class="grid-col3 fr">

    </div>
</div>


<div class="floor w">
    <div class="home_electric" style="height: 600px;">
        <div class="box-hd">
            <h2>爱情鲜花</h2>
            <h2 style="color:#615c5c; ">|</h2>
            <h3 style="margin-top: 5px">送 · 让你怦然心动的人</h3>
            <div class="tab-list">
                <ul>
                    <li><a href="#" class="f10">更多爱情花</a></li>
                </ul>
            </div>
        </div>
        <div class="box-bd">
            <ul class="tab-con">
                <li class="w199">
                    <img src="${pageContext.request.contextPath}/static/uploads/115.png" alt="">
                </li>
                <c:forEach items="${productListimgandproduct}" var="product" varStatus="i" begin="0" end="30" step="4">
                    <li class="w329" style="height: 285px">
                        <div class="tab-con-item">
                            <a href="${pageContext.request.contextPath}/detail/getdetail?product_id=${product.product_id}">
                                <img src="${product.productimage.productimage_src}" alt="" style="width: 210px;height: 210px">
                            </a>
                        </div>
                        <div style="height: 91.8px;text-align: center;background-color: white;">
                            <div style="padding: 14px 8px 14px;">
                                <p>${product.product_name}</p>
                                <p>${product.product_context}</p>
                                <p>${product.product_price}</p>
                            </div>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="home_electric" style="height: 600px;">
        <div class="box-hd">
            <h2>送长辈鲜花</h2>
            <h2 style="color:#615c5c;">|</h2>
            <h3 style="margin-top: 5px">赠 · 父母/恩师/长辈</h3>
            <div class="tab-list">
                <ul>
                    <li><a href="#" class="f10">更多送长辈鲜花</a></li>
                </ul>
            </div>
        </div>
        <div class="box-bd">
            <ul class="tab-con">
                <li class="w199">
                    <img src="${pageContext.request.contextPath}/static/uploads/1112.png" alt="">
                </li>
                <c:forEach items="${productListimgandproduct}" var="product" varStatus="i" begin="0" end="30" step="4">
                    <li class="w329" style="height: 285px">
                        <div class="tab-con-item">
                            <a href="${pageContext.request.contextPath}/detail/getdetail?product_id=${product.product_id}">
                                <img src="${product.productimage.productimage_src}" alt="" style="width: 210px;height: 210px">
                            </a>
                        </div>
                        <div style="height: 91.8px;text-align: center;background-color: white;">
                            <div style="padding: 14px 8px 14px;">
                                <p>${product.product_name}</p>
                                <p>${product.product_context}</p>
                                <p>¥${product.product_price}</p>
                            </div>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="home_electric" style="height: 600px;">
        <div class="box-hd">
            <h2>永生花</h2>
            <h2 style="color:#615c5c;">|</h2>
            <h3 style="margin-top: 5px">许 · 她一生承诺</h3>
            <div class="tab-list">
                <ul>
                    <li><a href="#" class="f10">更多永生花</a></li>
                </ul>
            </div>
        </div>
        <ul class="tab-con">
            <li class="w199">
                <img src="${pageContext.request.contextPath}/static/uploads/1113.jpg" alt="">
            </li>
            <c:forEach items="${productListimgandproduct}" var="product" varStatus="i" begin="0" end="30" step="4">
                <li class="w329" style="height: 285px;">
                    <div class="tab-con-item">
                        <a href="${pageContext.request.contextPath}/detail/getdetail?product_id=${product.product_id}">
                            <img src="${product.productimage.productimage_src}" alt="" style="width: 210px;height: 210px;border-radius: 20px">
                        </a>
                    </div>
                    <div style="height: 91.8px;text-align: center;background-color: white;">
                        <div style="padding: 14px 8px 14px;">
                            <p>${product.product_name}</p>
                            <p>${product.product_context}</p>
                            <p>¥${product.product_price}</p>
                        </div>
                    </div>
                </li>
            </c:forEach>
        </ul>
    </div>
</div>

</div>
<div class="fixedtool">
    <ul>
        <li>在线客服</li>
        <li>联系电话</li>
        <li><a href="${pageContext.request.contextPath}/member/getuserdetail">个人主页</a></li>
        <li>意见反馈</li>
        <li><a href="${pageContext.request.contextPath}/member/getcart">购物车</a></li>
        <li><a href="${pageContext.request.contextPath}/member/getcollect">我的收藏</a></li>
        <li><a href="#top">回顶部</a></li>

    </ul>
</div>
<footer>
    <div class="service">
        <!-- 服务模块 -->
        <div class="w">
            <ul>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
            </ul>
        </div><br>
        <div class="w">
            <ul>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
                <li>
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 帮助模块 -->
    <div class="w help">
        <div class="fl">
            <dl>
                <dt>客户服务</dt>
                <dd><a href="#">服务声明</a>&nbsp;<a href="#">常见问题</a></dd>
                <dd><a href="#">售后服务</a>&nbsp;<a href="#">配送说明</a></dd>
                <dd><a href="#">配送范围</a>&nbsp;<a href="#">订单查询</a></dd>
                <dd><a href="#">取消订单</a>&nbsp;<a href="#">补交货款</a></dd>
                <dd><a href="#">隐私条款</a>&nbsp;<a href="#">安全条款</a></dd>

            </dl>
            <dl>
                <dt>热门资讯</dt>
                <dd><a href="#">花语花坊网购物流程</a></dd>
                <dd><a href="#">花语花坊能配送哪些城市？</a></dd>
                <dd><a href="#">鲜花售后服务是怎么样的？</a></dd>
                <dd><a href="#">我应该提前多久预订鲜花？</a></dd>

            </dl>
            <dl>
                <dt>同城鲜花专区</dt>
                <dd><a href="#">深圳鲜花</a>&nbsp;<a href="#">广州鲜花</a></dd>
                <dd><a href="#">上海鲜花</a>&nbsp;<a href="#">北京鲜花</a></dd>
                <dd><a href="#">天津鲜花</a>&nbsp;<a href="#">重庆鲜花</a></dd>
                <dd><a href="#">成都鲜花</a>&nbsp;<a href="#">西安鲜花</a></dd>
                <dd><a href="#">武汉鲜花</a>&nbsp;<a href="#">南京鲜花</a></dd>
                <dd><a href="#">厦门鲜花</a>&nbsp;<a href="#">更多城市</a></dd>

            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd><a href="#">全国订购热线：400-889-8188</a></dd>
                <dd><a href="#">E-mail: kefu@hua.com</a></dd>
                <dd><a href="#">7x24小时在线订购</a></dd>
                <dd><a href="#">客服工作时间：8:30-21:00</a></dd>

            </dl>
            <dl>
                <dr>
                    <img src="${pageContext.request.contextPath}/static/images/huayuhuafang.png" alt="">
                </dr>
                <dd style="margin-left: 30px">扫一扫，别激动</dd>
            </dl>
        </div>
        <div class="fr coverage">

            <a href="#">关注公众号有惊喜 </a>
        </div>
    </div>
    <div class="w copyright">
        <p>
            <a href="#">首页</a>
            <span> | </span>
            <a href="#">关于我们</a>
            <span> | </span>
            <a href="#">媒体报道</a>
            <span> | </span>
            <a href="#">联系方式</a>
            <span> | </span>
            <a href="#">企业团购</a>
            <span> | </span>
            <a href="#">花店入驻</a>
            <span> | </span>
            <a href="#">友情链接</a>
            <span> | </span>
            <a href="#">在线补款</a>
            <span> | </span>
            <a href="#">为什么选择花语花坊</a>

        </p>
        <div>
            <p>中国花卉协会会员<span>|</span>中国电子商务协会会员<span>|</span>经营许可证：粤B2-20050744<span>|</span>粤ICP备09171662号</p>
            <p>粤公网安备44030502000373号 Copyright © 2005-2020</p>
            <p>花礼网 www.hua.com 深圳市百易信息技术有限公司 中国领先的鲜花礼品网，品牌鲜花网服务，鲜花速递专家！</p>
            <p>友链<span>|</span>中华取名网<span>|</span>深圳房产网<span>|</span>卷皮网<span>|</span>腕表<span>|</span>苗木<span>|</span>佐卡伊珠宝网</p>
            <p>钻石婚戒定制<span>|</span>青少年艺术教育网<span>|</span>淘狗网<span>|</span>礼无忧网<span>|</span>宠物狗</p>
            <p>机友网<span>|</span>礼物网<span>|</span>新三板<span>|</span>商标注册<span>|</span>眼镜店</p>
        </div>
        <p class="foot-icon">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </p>
    </div>
</footer>
</body>
<%--
<script>
    /*jquery载入事件写法*/
    $(function () {/*页面载入事件，加载页面就会触发*/
        var pathName=document.location.pathname;
        console.log("pathName="+pathName);
        var index=pathName.substr(1).indexOf("/");
        var result=pathName.substr(0,index+1);
        console.log(result);
        var url=result+"/product/productListimgandproduct";
        console.log(url);
        window.location.href=url;
        /*$.ajax({
            url:result+"/product/productListimgandproduct",
            type:"get",
            data:{},
            dataType:"json",
            success:function (result) {

            }
        })*/
    });
</script>--%>
